/*  */
@import "../../variables/theme.less";
/*  */
.zz-container {
    padding:0.24rem;
    /* .mixin */
    .pos {
        position: absolute;
        bottom:0.28rem;
        right:0.4rem;
    }
    /*  */
    .list-item {
        position:relative;
        min-height:5.2rem;
        border-radius:0.12rem;
        background-color:@panelBg;
        box-shadow: 2px 6px 12px 0px rgba(204,204,204,0.5);

        & > .list-item_bg {
            height:3.8rem;
            & > img {
                border-radius:0.12rem 0.12rem 0 0;
            }
        }

        & > .list-item_info {
            padding:0.25rem 0.24rem;

            & > .title {
                margin-bottom:0.24rem;
                line-height:0.32rem;
                font-size:@fs32;
                color:@fsColor333;
            }

            & > .time {
                line-height:0.26rem;
                font-size:@fs26;
                color:@fsColor666;
            }
        }

        & > .icon {
            .pos();
            width:0.52rem;
            height:0.52rem;
        }

        & > .zz-btn {
            display:none;
        }

        /*  */
        &.done {
            & > .list-item_info {
                & > .title {
                    color:@fsColor999;
                }
                & > .time {
                    color:@fsColor999;
                }
            }
            & > .icon {
                display:none;
            }

            & > .zz-btn {
                display:block;
                .pos();
            }
        }

        /*  */

        &:not(:first-of-type) {
            margin-top:0.24rem;
        }
    }
}